<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="css/register.css">
</head>

<body>
    <form action="#" class="contact_form"></form>
</body>
<ul>
    <li>
        <h2>用户注册</h2>
    </li>
    <li class="usually">
        <span>昵称：</span>
        <input type="text" name="name" autocomplete="off" required pattern="^[a-zA-Z0-9_-{6,16}]">
    </li>
    <li class="usually">
        <span>注册邮箱：</span>
        <input type="email" name="email" autocomplete="off" placeholder="123@aa.com">
    </li>
    <li class="usually">
        <span>密码：</span>
        <input type="password" name="password" required>
    </li>
    <li>
        <span>性别：</span>
        <input type="radio" id="male" name="sex" value="male" checked>
        <label for="male">男</label>
        <input type="radio" id="female" name="sex" value="female" checked>
        <label for="female">女</label>
    </li>
    <li class="usually">
        <span>年龄：</span>
        <input type="number" name="age" required>
    </li>
    <li>
        <span>兴趣爱好：</span>
        <input type="checkbox" id="football" name="hobby[]">
        <label for="football">足球</label>
        <input type="checkbox" id="basketball" name="hobby[]">
        <label for="basketball">篮球</label>
        <input type="checkbox" id="swim" name="hobby[]">
        <label for="swim">游泳</label>
        <input type="checkbox" id="yoga" name="hobby[]">
        <label for="yoga">瑜伽</label>
    </li>
    <li>
        <span>自我介绍：</span>
        <textarea name="description" id="" cols="30" rows="10" placeholder="please enter your description"></textarea>
    </li>
    <li>
        <input type="submit" value="立即注册">
        <a href="login.html"><input type="submit" value="返回登录"></a>
    </li>
</ul>

</html>